<!DOCTYPE html>
<html>
	<head>
  	<style>
			div.background {
				background:url("images/klematis_small.jpg");
				background-repeat:repeat;
				border:2px solid #000000;
				width:500px;
				height:250px;
			}
			
			div.transbox {
				border:1px solid #000000;
				width:400px;
				height:180px;
				margin:30px 50px;
				background-color:#ffffff;
				opacity:0.6;
				filter:alpha(opacity=60); /* For IE8 and earlier */
			}
			
			div.transbox p {
				margin:20px 40px;
				color:#000000;
				font-weight:bold;
			}
		</style>
  </head>

  <body>
    <div class="background">
      <div class="transbox">
        <p>This is some text that is placed in the transparent box.
          This is some text that is placed in the transparent box.
          This is some text that is placed in the transparent box.
          This is some text that is placed in the transparent box.
          This is some text that is placed in the transparent box.
        </p>
          </div>
        </div>
  </body>
</html>
